<template>
  <div>
    <div>
      <div style="position: relative;padding: 20px 10px;">
        <van-image
          width="50"
          height="50"
          round
          :src="avatar"
        />
        <div style="position: absolute;left: 70px;top: 25px;">
          <div>{{name}}</div>
          <div style="color: #666666;font-size: 13px;">{{deptName}}</div>
        </div>
      </div>
      <div style="margin-top: 10px;">
        <!-- 此页面为所有发布的考试数据,供管理员使用 -->
        <van-cell title="系统版本" value="V2.0.0" />
      </div>
    </div>
    <!--   移动端底部栏 -->
    <Tabbar class="onlyMobile"></Tabbar>
  </div>
</template>

<script>
import Tabbar from "@/layout/components/Tabbar/index.vue";
import {mapGetters} from "vuex";

export default {
  name: "index",
  components: {Tabbar},
  computed: {
    ...mapGetters([
      'name',
      'deptName',
      'avatar',
    ]),
  },
}
</script>

<style scoped>

</style>
